const routes = [
  {
    path: "/",
    redirect: "/home",
  },
  {
    path: "/home",
    name: "home",
    component: () => import(/* webpackChunkName: "about" */ "../view/home.vue"),
  },
  {
    path: "/todo",
    name: "todo",
    component: () => import(/* webpackChunkName: "about" */ "../view/todo.vue"),
  },
  {
    path: "/test",
    name: "test",
    component: () => import(/* webpackChunkName: "about" */ "../view/test.vue")
  },
  {
    path: "/method",
    name: "method",
    component: () => import(/* webpackChunkName: "about" */ "../view/method.vue")
  },
  {
    path: "/method1",
    name: "method1",
    component: () => import(/* webpackChunkName: "about" */ "../view/method1.vue")
  },
  {
    path: "/method2",
    name: "method2",
    component: () => import(/* webpackChunkName: "about" */ "../view/method2.vue")
  },
  {
    path: "/method3",
    name: "method3",
    component: () => import(/* webpackChunkName: "about" */ "../view/method3.vue")
  },
  {
    path: "/computed",
    name: "computed",
    component: () => import(/* webpackChunkName: "about" */ "../view/computed.vue")
  },
  {
    path: "/computed1",
    name: "computed1",
    component: () => import(/* webpackChunkName: "about" */ "../view/computed1.vue")
  },
  {
    path: "/directive",
    name: "directive",
    component: () => import(/* webpackChunkName: "about" */ "../view/directive.vue")
  },
  {
    path: "/directive1",
    name: "directive1",
    component: () => import(/* webpackChunkName: "about" */ "../view/directive1.vue")
  },
  {
    path: "/compsView",
    name: "compsView",
    component: () => import(/* webpackChunkName: "about" */ "../view/compsView.vue")
  }

];

export default routes;
